第 11 屆 iThome 鐵人賽

DAY 12

0

自我挑戰組

JavaScript學習日誌系列第 12 篇

學習日誌12-DOM

11th鐵人賽

2019-09-27 23:45:14

677 瀏覽

分享至

DOM

DOM 全名為 Document Object Model 中文翻譯為文件物件模型，將HTML內的各個標籤，包括文字、圖片等等都定義成物件，全部元素組織在一起，就構成了一個樹狀結構。

DOM 會形成一個樹狀結構，組合成樹狀結構就是各個 節點，每個 element 、文字(text) 等都會是一個節點，而節點分成以下四種：

Document : HTML 檔的開始，之後都從 Document 開始往下長出。
Element : 文件內的各個標籤，例如 <div>、<h1>、<a> 等等各種 HTML Tag。
Text : 指被各個標籤包起來的文字，例如上圖被連結a標籤包起來的MyLink這段文字。
Attribute : 各個標籤內的相關屬性，例如上圖被連結a標籤給予連結href這個屬性。

學習日誌11-JSON

學習日誌13-DOM練習1

系列文

JavaScript學習日誌共 30 篇

目錄

RSS系列文訂閱系列文

11 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙